<!DOCTYPE HTML>
<html>
<head>
    <title> 店铺续费详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="container">
    <div class="detail-page span24">
        <div class="detail-page-title">
            <h4>店铺续费详情
                <button type="button" id="user-list-btn" class="pull-right jx-btn btn-positive">返回</button>
            </h4>
        </div>
        <div class="detail-section">
            <div class="row detail-row">
                <div class="span24">
                    <form class="form-horizontal">
                        <table id="" class="jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="2">订单基础信息</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <input type="hidden" name="id" value="5460428a1ba0421aa3c1206d9612dcab">
                                    <label class="pull-right">订单编号： </label>
                                </td>
                                <td>6080240000608</td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">订单状态：</label>
                                </td>
                                <td>已付款</td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">下单时间：</label>
                                </td>
                                <td>2017-05-11 11:30:00</td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">付款时间：</label>
                                </td>
                                <td>2017-05-11 11:30:00</td>
                            </tr>
                            </tbody>
                        </table>
                        <table id="" class=" jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="4"> 店铺信息</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">店铺ID： </label>
                                </td>
                                <td> 4151451</td>
                                <td width="150">
                                    <label class="pull-right">店铺名称：</label>
                                </td>
                                <td> 激想体育专营店</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class=" jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="2">订单详情</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">内容：</label>
                                </td>
                                <td><span>  购买精品版</span></td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">金额：</label>
                                </td>
                                <td><span>2400.00</span>
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right"> 年数：</label>
                                </td>
                                <td>
                                    <span> 1年</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="4">发票信息</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">发票类型：</label>
                                </td>
                                <td><span>增值税专用发票</span></td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right"> 企业名称： </label>
                                </td>
                                <td> 上海激想体育文化股份有限公司</td>
                                <td width="150">
                                    <label class="pull-right"> 电话： </label>
                                </td>
                                <td> 50321921</td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">纳税人识别号：</label>
                                </td>
                                <td> 9100003343821398213311</td>
                                <td width="150">
                                    <label class="pull-right"> 开户行：</label>
                                </td>
                                <td> 中国银行</td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">地址：</label>
                                </td>
                                <td> 浦东新区金藏路351号</td>
                                <td width="150">
                                    <label class="pull-right">账号： </label>
                                </td>
                                <td> 372183781641</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="4">发票邮递信息</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">收货人：</label>
                                </td>
                                <td><span>陈晨</span></td>
                                <td width="150">
                                    <label class="pull-right">联系电话：</label>
                                </td>
                                <td><span>15900684377</span></td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">收货地址：</label>
                                </td>
                                <td><span>上海市浦东新区锦绣东路2777号</span></td>
                                <td width="150">
                                    <label class="pull-right">邮编：</label>
                                </td>
                                <td><span>201201</span></td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="4">支付方式</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">支付方式：</label>
                                </td>
                                <td><span>支付宝</span></td>
                                <td width="150">
                                    <label class="pull-right">支付号：</label>
                                </td>
                                <td><span>478147938749194</span></td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="jx-table table-bordered">
                            <thead>
                            <tr>
                                <td colspan="4">
                                    发票快递状态
                                </td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">承运人：</label>
                                </td>
                                <td>
                                    <button type="button" id="send-way" class=" jx-btn btn-positive">填写快递</button>
                                </td>
                                <td width="150">
                                    <label class="pull-right">快递单号：</label>
                                </td>
                                <td><span>478147938749194</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 初始隐藏 dialog内容   快递-->
    <div id="content" class="hide">
        <form id="form" class="jx-form form-horizontal">
            <div class="row">
                <div class="control-group span15">
                    <label class="control-label">承运人：</label>
                    <div class="controls">
                        <select name="" id="">
                            <option value="">圆通快递</option>
                            <option value="">顺丰快递</option>
                            <option value="">EMS快递</option>

                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span15">
                    <label class="control-label">快递单号：</label>
                    <div class="controls">
                        <input type="text" class="control-text">
                    </div>
                </div>
            </div>
        </form>

    </div>
    <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
    <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
    <script type="text/javascript">
        BUI.use('common/page');
    </script>
    <script type="text/javascript">
        $(function () {
            //关闭当前页
            $("#back-btn").click(function () {
                top.topManager.closePage();
            });
        });

        BUI.use(['bui/overlay'], function (Overlay) {
            var dialog = new Overlay.Dialog({
                title: '填写快递',
                width: 400,
                height: 150,
                contentId: 'content',
                success: function () {
                    this.close();
                }
            });
            //设置快递方式
            $("#send-way").click(function () {
                dialog.show();
            });
            grid.render();

        });
    </script>
    <body>
</html>
